<% 
	var headContent = {
	include("/mobile/component/include/head.html"){}
%>

<script language="javascript" type="text/javascript" src="static/component/echarts/echarts-plain.js"></script>
	
	<script language="javascript" type="text/javascript" >
		var totalMoneyData = ${totalMoney};
		var projectMoneyData = ${projectMoney};
		var trendMoneyData = "";
	</script>
	<script type="text/javascript" src="mobile/pages/web/home.js"></script>
	
	<style id="collapsible-list-item-style-flat">
		.ui-li-static.ui-collapsible > .ui-collapsible-heading {
			margin: 0;
		}

		.ui-li-static.ui-collapsible {
			padding: 0;
		}

		.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
			border-top-width: 0;
		}

		.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
		.ui-li-static.ui-collapsible > .ui-collapsible-content {
			border-bottom-width: 0;
		}
</style>

<%
};

var bodyContent = {
%>

<div data-role="page" id="home">
  <div data-role="header"  data-position="fixed" data-theme="b">
    <h3>欢迎来到金钱管理</h3>
  </div>

  <div data-role="content">
		<div id="echarts2" style="height:300px;width:100%;"></div>
		<div id="echarts1" style="height:300px;"></div>
  </div>

  <div data-role="footer"  data-position="fixed"  data-theme="b">
    <div data-role="navbar">
      <ul>
        <li><a href="web" data-icon="home"  class="ui-btn-active">首页</a></li>
        <li><a href="#project" data-icon="grid">费用明细</a></li>
        <li><a href="#contact" data-icon="user">联系我们</a></li>
      </ul>
    </div>
  </div>
</div> 

<!-- 费用报表 -->
<div data-role="page" id="project">
  <div data-role="header"  data-position="fixed" data-theme="b">
  	<a href="#add_project" class="ui-btn-left ui-btn ui-shadow ui-corner-all ui-icon-bullets ui-btn-icon-notext ui-btn-b ui-btn-inline">添加项目</a>
    <h3>项目信息</h3>
    <a href="#add_money" class="ui-btn-right ui-btn ui-shadow ui-corner-all ui-icon-plus ui-btn-icon-notext ui-btn-b ui-btn-inline">添加明细</a>
  </div>

  <div data-role="content">
  	
	<ul data-role="listview" data-shadow="false">
	<% for(item in listProject){ %>
		<li data-role="collapsible" data-iconpos="right" data-inset="false">
	 	<h2>${item.name}</h2>
		<!-- <li data-role="list-divider">${item.name}<span class="ui-li-count">${item.remark}!</span></li> -->
		<ul data-role="listview" data-theme="a">
		<% for(item2 in mapMoney[item.id]){ %>
			<% 
			   var fee_ico="";
			   if(item2.type==23){
		             fee_ico  = "arrow-r";
		           } else if (item2.type==22) {
		              fee_ico = "arrow-l";
		           } else {
		              fee_ico = "arrow-u";
			    } %>
			<li data-icon="${fee_ico}"><a href="#">${item2.name}（${item2.amount}）<span class="ui-li-count">${item2.pay_time}</span></a></li>
		<% } %>
		</ul>
		</li>
	<% } %>
	</ul>
		
  </div>

  <div data-role="footer"  data-position="fixed"  data-theme="b">
    <div data-role="navbar">
      <ul>
        <li><a href="web" data-icon="home">首页</a></li>
        <li><a href="#project" data-icon="grid"  class="ui-btn-active">费用明细</a></li>
        <li><a href="#contact" data-icon="user">联系我们</a></li>
      </ul>
    </div>
  </div>
</div> 
  

<!-- 联系我们 -->
<div data-role="page" id="contact">
  <div data-role="header"  data-position="fixed" data-theme="b">
    <h3>联系我们</h3>
  </div>

  <div data-role="content">
		作者：Fly的狐狸 
		<br>Q&nbsp;&nbsp;Q：330627517<br><br>
   	<iframe class="ueditor_baidumap" src="${BASE_PATH }static/html/show.html#center=116.391496,39.913783&zoom=13&width=330&height=320&markers=116.404,39.915&markerStyles=l,A" frameborder="0" width="334" height="324"></iframe>
   	
  </div>

  <div data-role="footer"  data-position="fixed"  data-theme="b">
    <div data-role="navbar">
      <ul>
        <li><a href="web" data-icon="home">首页</a></li>
        <li><a href="#project" data-icon="grid">费用明细</a></li>
        <li><a href="#contact" data-icon="user"  class="ui-btn-active">联系我们</a></li>
      </ul>
    </div>
  </div>
</div> 

<% include("/mobile/pages/web/add_project.html"){}%>

<% include("/mobile/pages/web/add_money.html"){}%>

<%}; %>


<% layout("/pages/template/_layout.html",{head:headContent,body:bodyContent}){ %>
<%} %>

